import { $demoi18n } from '@/utils/lang';

const nameMarginTop = $demoi18n('panel.typeSetting.nameTopMargin');
const nameMarginRight = $demoi18n('panel.typeSetting.nameRightMargin');
const nameMarginBottom = $demoi18n('panel.typeSetting.nameBottomMargin');
const nameMarginLeft = $demoi18n('panel.typeSetting.nameLeftMargin');
const valueMarginTop = $demoi18n('panel.typeSetting.valueTopMargin');
const valueMarginRight = $demoi18n('panel.typeSetting.valueRightMargin');
const valueMarginBottom = $demoi18n('panel.typeSetting.valueBottomMargin');
const valueMarginLeft = $demoi18n('panel.typeSetting.valueLeftMargin');
const extraMarginTop = $demoi18n('panel.typeSetting.addValueTopMargin');
const extraMarginRight = $demoi18n('panel.typeSetting.addValueRightMargin');
const extraMarginBottom = $demoi18n('panel.typeSetting.addValueBottomMargin');
const extraMarginLeft = $demoi18n('panel.typeSetting.addValueLeftMargin');
const iconMarginTop = $demoi18n('panel.typeSetting.iconTopMargin');
const iconMarginRight = $demoi18n('panel.typeSetting.iconRightMargin');
const iconMarginBottom = $demoi18n('panel.typeSetting.iconBottomMargin');
const iconMarginLeft = $demoi18n('panel.typeSetting.iconLeftMargin');

export default {
  singleVal: {
    withIcon: {
      'type_0': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
        icon: {
          name: iconMarginLeft,
          style: {
            marginLeft: 0,
          },
        },
      },
      'type_1': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
        icon: {
          name: iconMarginRight,
          style: {
            marginRight: 0,
          },
        },
      },
      'type_2': {
        name: {
          name: nameMarginTop,
          style: {
            marginTop: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
        icon: {
          name: iconMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
      },
      'type_3': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        icon: {
          name: iconMarginTop,
          style: {
            marginTop: 0,
          },
        },
      },
      'type_4': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
        icon: {
          name: iconMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
      },
      'type_5': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        icon: {
          name: iconMarginTop,
          style: {
            marginTop: 0,
          },
        },
      },
    },
    withoutIcon: {
      'type_0': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
      },
      'type_1': {
        name: {
          name: nameMarginLeft,
          style: {
            marginLeft: 0,
          },
        },
        value: {
          name: valueMarginRight,
          style: {
            marginRight: 0,
          },
        },
      },
      'type_2': {
        name: {
          name: nameMarginTop,
          style: {
            marginTop: 0,
          },
        },
        value: {
          name: valueMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
      },
    },
  },
  multiVal: {
    withIcon: {
      'type_0': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        extra: {
          name: extraMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
        icon: {
          name: iconMarginLeft,
          style: {
            marginLeft: 0,
          },
        },
      },
      'type_1': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        extra: {
          name: extraMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
        icon: {
          name: iconMarginRight,
          style: {
            marginRight: 0,
          },
        },
      },
      'type_2': {
        name: {
          name: nameMarginTop,
          style: {
            marginTop: 0,
          },
        },
        extra: {
          name: extraMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        icon: {
          name: iconMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
      },
      'type_3': {
        name: {
          name: nameMarginTop,
          style: {
            marginTop: 0,
          },
        },
        extra: {
          name: extraMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        icon: {
          name: iconMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
      },
      'type_4': {
        name: {
          name: nameMarginTop,
          style: {
            marginTop: 0,
          },
        },
        extra: {
          name: extraMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        icon: {
          name: iconMarginRight,
          style: {
            marginRight: 0,
          },
        },
      },
      'type_5': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        extra: {
          name: extraMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        icon: {
          name: iconMarginTop,
          style: {
            marginTop: 0,
          },
        },
      },
      'type_6': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        extra: {
          name: extraMarginTop,
          style: {
            marginTop: 0,
          },
        },
        value: {
          name: valueMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        icon: {
          name: iconMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
      },
      'type_7': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        extra: {
          name: extraMarginTop,
          style: {
            marginTop: 0,
          },
        },
        value: {
          name: valueMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        icon: {
          name: iconMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
      },
      'type_8': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        extra: {
          name: extraMarginLeft,
          style: {
            marginLeft: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
        icon: {
          name: iconMarginRight,
          style: {
            marginRight: 0,
          },
        },
      },
      'type_9': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        extra: {
          name: extraMarginLeft,
          style: {
            marginLeft: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
        icon: {
          name: iconMarginRight,
          style: {
            marginRight: 0,
          },
        },
      },
    },
    withoutIcon: {
      'type_0': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        extra: {
          name: extraMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
      },
      'type_1': {
        name: {
          name: nameMarginRight,
          style: {
            marginRight: 0,
          },
        },
        extra: {
          name: extraMarginRight,
          style: {
            marginRight: 0,
          },
        },
        value: {
          name: valueMarginLeft,
          style: {
            marginLeft: 0,
          },
        },
      },
      'type_2': {
        name: {
          name: nameMarginTop,
          style: {
            marginTop: 0,
          },
        },
        extra: {
          name: extraMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        value: {
          name: valueMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
      },
      'type_3': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        extra: {
          name: extraMarginLeft,
          style: {
            marginLeft: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
      },
      'type_4': {
        name: {
          name: nameMarginBottom,
          style: {
            marginBottom: 0,
          },
        },
        extra: {
          name: extraMarginLeft,
          style: {
            marginLeft: 0,
          },
        },
        value: {
          name: valueMarginTop,
          style: {
            marginTop: 0,
          },
        },
      },
      'type_5': {
        name: {
          name: nameMarginRight,
          style: {
            marginRight: 0,
          },
        },
        extra: {
          name: extraMarginLeft,
          style: {
            marginLeft: 0,
          },
        },
        value: {
          name: valueMarginRight,
          style: {
            marginRight: 0,
          },
        },
      },
    },
  },
};
